<!DOCTYPE html>
<html ng-app="myApp">

<head>
    <meta charset="utf-8">
    <script src=" https://code.angularjs.org/1.6.4/angular.js">

    </script>
</head>

<body>

    <div ng-controller="personCtrl">
        名: <input type="text" ng-model="firstName"><br> 姓: <input type="text" ng-model="lastName"><br>
        <br> 姓名:{{fullName()}}

        <p><input type="text" ng-model="test"></p>

        <ul>
            <li ng-repeat="x in names| filter:test |orderBy:'country'">
                {{(x.name|uppercase)+','+x.country}}
            </li>
        </ul>

        <p>姓名为{{lastName|uppercase}}</p>
        <p>姓名为 {{ lastName | lowercase }}</p>
    </div>

    <div ng-controller="costCtrl">

        数量: <input type="number" ng-model="quantity"> 价格: <input type="number" ng-model="price">

        <p>总价 = {{ (quantity * price) | currency }}</p>

    </div>

    <div ng-controller="myCtrl">

        姓名: {{ msg | reverse }}

        <p>当前页面的url：</p>
        <h3>{{myUrl}}</h3>

        <p>两秒后显示信息:</p>
        <h1>{{myHeader}}</h1>

        <p>现在时间是:</p>

        <h1>{{theTime}}</h1>

        <p>255 的16进制是:</p>

        <h1>{{hex}}</h1>

       <p>在获取数组 [255, 251, 200] 值时使用过滤器:</p>
        <ul>
            <li ng-repeat="x in counts">{{x | myFormat}}</li>
        </ul>

    </div>

    <script src="namesController.js"></script>

</body>

</html>